<template>
  <div class="home">
    <button @click="login">登录</button>
    <div id="captcha-div"></div>
  </div>
</template>

<script setup>

function login(){
  //http://localhost:10428
  const captchaConfig = {
    // 请求验证码接口
    requestCaptchaDataUrl: "http://localhost:10428/user/genCaptcha",
    // 验证验证码接口
    validCaptchaUrl: "http://localhost:10428/user/check",
    // 绑定的div
    bindEl: "#captcha-div",
    // 验证成功回调函数
    validSuccess: (res, c, t) => {
      console.log("验证码验证成功回调...")
      // 销毁验证码
      t.destroyWindow();
      alert("验证成功: token:" + res.data.token)
      console.log(res)
      // todo 携带token调用登录接口
    }
  }

  window.initTAC("static/tac", captchaConfig).then(tac => {
    tac.init();
  })
}
</script>
